<div class="col-md-5 start-carousel">
    <div ng-controller="CarouselCtrl">
        <div style="height: 400px">
            <carousel interval="myInterval">
                <slide ng-repeat="slide in slides" active="slide.active">
                    <img ng-src="{{slide.image}}" style="margin:auto;">
                </slide>
            </carousel>
        </div>
    </div>
</div>
<div>
    <div class="container register-container well">
        <h4> Register New User </h4>
        <hr />
        <form id="tab" name="regform">
            <div class="control-group">
                <label>Name</label>
                <div class="controls">
                    <input ng-model="new_name" type="text" value="" class="input-xlarge"
                           ng-required="true">
                </div>
            </div>
            <div class="control-group">
                <label>Username</label>
                <div class="controls">
                    <input ng-model="new_username" type="text" value="" class="input-xlarge"
                           ng-required="true">
                </div>
            </div>
            <div class="control-group">
                <label>Password</label>
                <div class="controls">
                    <input ng-model="new_password" type="password" value="" class="input-xlarge"
                           ng-required="true" name="pwd">
                </div>
            </div>
            <div class="control-group">
                <label>Repeat Password</label>
                <div class="controls">
                    <input ng-model="rptd_password" type="password" name="reppwd" value="" class="input-xlarge"
                           ng-required="true" ng-change="validate()">
                    <span class="error" ng-show="invalidpwd">Invalid!</span>
                </div>
            </div>
            <div class="control-group">
                <label>Country</label>
                <div class="controls">
                    <input ng-model="country" type="text" value="" class="input-xlarge"
                           ng-required="true">
                </div>
            </div>
            <div class="control-group">
                <label>Date of Birth</label>
                <div class="row controls">
                    <div class="col-md-6">
                        <p class="input-group">
                            <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dob" is-open="opened" max-date="maxDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" />
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                            </span>
                        </p>
                    </div>
                    <div class="col-md-6">
                        <button ng-click="registerUser()" class="btn btn-primary" ng-disabled="regform.$invalid || invalidpwd">Create Account</button>
                    </div>
                </div>
            </div>
            <div class="control-group">
                
            </div>
        </form>
    </div>
</div>